<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="../css/index.css" />
</head>

<body>

    <h1>CSS z-index 属性</h1>

    <h2>参考链接</h2>
    <ul>
        <li><a target="_blank" href="https://www.w3school.com.cn/cssref/pr_pos_z-index.asp">CSS z-index 属性</a></li>
    </ul>

    <h2>摘抄</h2>
    <p>z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。</p>

    <h2>可能的值</h2>
    <ul>
        <li><strong>auto</strong>	默认。堆叠顺序与父元素相等。</li>
        <li><strong>number</strong>	设置元素的堆叠顺序。如果为正数，则离用户更近，为负数则表示离用户更远。</li>
        <li><strong>inherit</strong> 规定应该从父元素继承 z-index 属性的值。</li>
   </ul>


</body>

</html>